<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>行内样式</title>
  </head>
  <body>
    <!-- 
        行内样式
        在元素内部使用style属性来书写样式,语法 
        <标签 style="css样式名称:样式值;css样式名称:样式值;..."></标签>

        缺点: html和css代码耦合在一起, 样式无法复用
        优点: 样式的优先级"最高",如果同时出现其他css的使用方式,则以行内样式为准

        使用场景:
        先用其他css方式装修,然后再使用行内样式单独控制某一个或者某多个
    -->
    <p style="color: red; font-size: 25px">这是一段文字</p>
    <p>这是另一个段落</p>
    <p>这是第三个段落</p>
  </body>
</html>
